<!DOCTYPE html>
<html><head>
<meta name="viewport" content="width=device-width" />
<style type="text/css">
  html, body, iframe {
    height: 100%;
  }

  body {
    margin: 0;
  }

  header {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0;
    background: white;
    font: 12px "Lucida Grande", sans-serif;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
  }

  dl {
    margin: 0 0 10px 0;
    padding: 0;
  }

  dt {
    width: 80px;
    padding: 1px;
    float: left;
    clear: left;
    text-align: right;
    color: #7f7f7f;
  }

  dd {
    margin-left: 90px; /* 80px + 10px */
    padding: 1px;
  }

  dd:empty:before {
    content: "\00a0"; // &nbsp;
  }

  iframe {
    border: 0;
    width: 100%;
  }
</style>
</head>

<body>
<header>
  <dl>
    <% if @email.respond_to?(:smtp_envelope_from) && Array(@email.from) != Array(@email.smtp_envelope_from) %>
      <dt>SMTP-From:</dt>
      <dd><%= @email.smtp_envelope_from %></dd>
    <% end %>

    <% if @email.respond_to?(:smtp_envelope_to) && @email.to != @email.smtp_envelope_to %>
      <dt>SMTP-To:</dt>
      <dd><%= @email.smtp_envelope_to %></dd>
    <% end %>

    <dt>From:</dt>
    <dd><%= @email.header['from'] %></dd>

    <% if @email.reply_to %>
      <dt>Reply-To:</dt>
      <dd><%= @email.header['reply-to'] %></dd>
    <% end %>

    <dt>To:</dt>
    <dd><%= @email.header['to'] %></dd>

    <% if @email.cc %>
      <dt>CC:</dt>
      <dd><%= @email.header['cc'] %></dd>
    <% end %>

    <dt>Date:</dt>
    <dd><%= Time.current.rfc2822 %></dd>

    <dt>Subject:</dt>
    <dd><strong><%= @email.subject %></strong></dd>

    <% unless @email.attachments.nil? || @email.attachments.empty? %>
      <dt>Attachments:</dt>
      <dd>
        <% @email.attachments.each do |a| %>
          <% filename = a.respond_to?(:original_filename) ? a.original_filename : a.filename %>
          <%= link_to filename, "data:application/octet-stream;charset=utf-8;base64,#{Base64.encode64(a.body.to_s)}", download: filename %>
        <% end %>
      </dd>
    <% end %>

    <% if @email.multipart? %>
      <dd>
        <select onchange="formatChanged(this);">
          <option <%= request.format == Mime[:html] ? 'selected' : '' %> value="?<%= part_query('text/html') %>">View as HTML email</option>
          <option <%= request.format == Mime[:text] ? 'selected' : '' %> value="?<%= part_query('text/plain') %>">View as plain-text email</option>
        </select>
      </dd>
    <% end %>
  </dl>
</header>

<% if @part && @part.mime_type %>
  <iframe seamless name="messageBody" src="?<%= part_query(@part.mime_type) %>"></iframe>
<% else %>
  <p>
    You are trying to preview an email that does not have any content.
    This is probably because the <em>mail</em> method has not been called in <em><%= @preview.preview_name %>#<%= @email_action %></em>.
  </p>
<% end %>

<script>
  function formatChanged(form) {
    var part_name = form.options[form.selectedIndex].value
    var iframe =document.getElementsByName('messageBody')[0];
    iframe.contentWindow.location.replace(part_name);

    if (history.replaceState) {
      var url    = location.pathname.replace(/\.(txt|html)$/, '');
      var format = /html/.test(part_name) ? '.html' : '.txt';
      window.history.replaceState({}, '', url + format);
    }
  }
</script>

</body>
</html>
